<template>
  <div>
    <form @submit.prevent="fn">
      <input type="text" name="username" v-model="form.username"/>

      <input type="text" name="password" v-model="form.password"/>

      <input type="text" name="msg" v-model="msg"/>


      <button>提交</button>
    </form>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      msg: "杭州的第一场雪",

      form: {
        username: "",
        password: "",
      },
    };
  },

  methods: {
    fn(){
      console.log(this.msg)
      console.log(this.form.username)
      console.log(this.form.password)
    }
  },
};
</script>

<style scoped>
</style>